<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码页</title>
    <link href="css/base.css" rel="stylesheet" />
    <!--字体图标样式-->
    <link href="font/iconfont.css" rel="stylesheet" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/changepassword.css" rel="stylesheet" />
    <!--表单验证-->
    <link href="css/formvalid.css" rel="stylesheet" />
</head>
<body>
    <div class="head">
        <div class="container">
            <div class="top-main">
                <ul class="fright">
                    <li><a href="login.html">登录</a><em></em></li>
                    <li><a href="register.html">注册</a><em></em></li>
                    <li class="mm"><a href="javascript://"><i class="icon iconfont phone">&#xe612;</i>手机版</a><em></em></li>
                    <li class="ms">
                        <a href="javascript://">
                            <i class="icon iconfont list">&#xe600;</i>
                            <b>导航</b>
                            <i class="icon iconfont xiala">&#xe61a;</i>
                        </a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
                <span>HI，欢迎访问智慧文化云</span>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="top-mid">
            <img src="images/logo.png" />
        </div>
    </div>
    <div class="content">
        <div class="container">
            <h1>修改密码</h1>
            <div class="main">
                <div class="form-body">
                    <div class="form-group error">
                        <div class="input-group">
                            <label>新密码：</label>
                            <input type="text" class="form-control fleft" placeholder="新密码" aria-describedby="basic-addon1">
                            <em><i class="icon iconfont">&#xe605;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                        </div>
                    </div>
                    <div class="form-group success">
                        <div class="input-group">
                            <label>重复密码：</label>
                            <input type="password" class="form-control fleft" placeholder="重复密码" aria-describedby="basic-addon1">
                            <em><i class="icon iconfont">&#xe61c;</i><b>密码不一致</b></em>
                        </div>
                    </div>
                    <div class="form-group changebutton">
                        <button  class="btn btn-block orange" type="button" >修改密码</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <p class="foot-list">
                <span><a href="javascript://">平台介绍</a>|</span>
                <span><a href="javascript://">意见建议</a>|</span>
                <span><a href="javascript://">网站地图</a>|</span>
                <span><a href="javascript://">友情链接</a>|</span>
                <span><a href="javascript://">联系方式</a></span>
            </p>
            <p class="copyright">
                <span>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号</span>
                <span>沪公网安备11010234000430号 上海上业信息科技有限公司</span>
            </p>
        </div>
    </div>
    <!--js引用1-->
    <script src="js/respond.src.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/basicjs.js"></script>
    <script src="js/login.js"></script>
    <script>
        $(".form-control").focus(function () {
            $(this).siblings("i").css("color","#66afe9")
        }).blur(function(){
            $(".form-control").siblings("i").css("color","")
        })

        //头部导航下拉
        $(".top-main li.ms").mouseover(function () {
            $(this).addClass("mr current");
            $(this).siblings(".mm").addClass("curleft");
        }).mouseleave(function () {
            $(".top-main li.ms").removeClass("mr current");
            $(".top-main li.mm").removeClass("curleft");
        })
    </script>
</body>
</html>
